<!DOCTYPE html>
<html>
<head >
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>欢迎页</title>
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
 

<style>
.pannel-left {
	border-right: 1px solid #EEE;
}

.pannel-box {
	margin-bottom: 20px;
}

.pannel.first, .second, .third, .fourth, .fifth, .sixth, .seventh,
	.eighth, .nineth, .eleventh, .twelvth, .thirteen {
	width: 24%;
	height: 150px;
	border-radius: 5px;
	display: inline-block;
	margin: 2px;
}

@media ( max-width : 767px) {
	.pannel.first, .second, .third, .fourth, .fifth, .sixth, .seventh,
		.eighth, .nineth, .eleventh, .twelvth, .thirteen {
		border-radius: 5px;
		display: inline-block;
		margin: 2px;
		width: 100%;
		height: auto
	}
}

.first {
	background: #fc8556;
}

.second {
	background: #47c056;
}

.third {
	background: #5b8fd4;
}

.fourth {
	background: #f8bb38;
}

.fifth {
	background: #ffc09f;
}

.sixth {
	background: #ffee93;
}

.seventh {
	background: #e2dbbe;
}

.eighth {
	background: #a3a380;
}

.nineth {
	background: #333366;
}

.eleventh {
	background: #993399;
}

.twelvth {
	background: #99CCCC;
}

.thirteen {
	background: #99CC33;
}

.pannel-label._first, ._second, ._third, ._fourth, ._fifth, ._sixth,
	._seventh, ._eighth {
	font-size: 16px;
	color: #FFF;
	display: block;
	height: 45px;
	width: 140px;
	padding-top: 10px;
	padding-left: 15px;
	border-radius: 2px;
	margin: 1px;
}

._first {
	background: #e49d81;
}

._second {
	background: #80da8c;
}

._third {
	background: #78abef;
}

._fourth {
	background: #e8cc8e;
}

._fifth {
	background: #99cc33;
}

._sixth {
	background: #ff9900;
}

._seventh {
	background: #e2dbbe;
}

._eighth {
	background: #a3a380;
}

.pannel .pannel-text {
	height: 100px;
	color: #FFF;
	font-size: 30px;
	text-align: center;
	padding-top: 26px;
}

#myTab li {
	width: 140px;
	text-align: center;
}

.tab-box {
	height: 500px;
	width: 100%;
}

.tab-box .operator {
	width: 33%;
	height: 100%;
	display: inline-flex;
	padding: 1px;
	background-position: center;
	background-repeat: no-repeat;
	border-left: 1px solid #EEE;
}
</style>
</head>
<body>
	<div id="dpLTE" class="pannel-left">
		<div>
			<div class="pannel-box">
				<div class="pannel first"><span class="pannel-label _first">卡片总数（张）</span>
					<div id="totalCards" class="pannel-text"><?php echo $total_card_count;?></div></div>
				<div class="pannel second"><span class="pannel-label _second">代理数量（个）</span>
					<div id="accountmoney" class="pannel-text"><?php echo $agent_count;?></div></div>
				<div class="pannel third"><span class="pannel-label _third">订单总数（个 ）</span>
					<div id="totalIncome" class="pannel-text"><?php echo $recharge_count;?></div></div>
				<div class="pannel fourth"><span class="pannel-label _fourth">激活数（张）</span>
					<div id="totalBroker" class="pannel-text"><?php echo $active_card_count;?></div></div>
				<div class="pannel fifth"><span class="pannel-label _fourth">今日订单（个）</span>
					<div id="thisdayBroker" class="pannel-text"><?php echo $today_recharge_count;?></div></div>
				<div class="pannel sixth"><span class="pannel-label _fourth">昨日订单（个）</span>
					<div id="lastdayBroker" class="pannel-text"><?php echo $yesterday_recharge_count;?></div></div>
					<div class="pannel seventh"><span class="pannel-label _fourth">本月订单（个）</span>
					<div id="thismonthBroker" class="pannel-text"><?php echo $month_recharge_count;?></div></div>
				<div class="pannel eighth"><span class="pannel-label _fourth">上月订单（个）</span>
					<div id="lastmonthBroker" class="pannel-text"><?php echo $last_month_recharge_count;?></div></div>
					
				<div class="pannel nineth"><span class="pannel-label _fourth">今日激活（个）</span>
					<div id="thisdayactive" class="pannel-text"><?php echo $today_active_count;?></div></div>
				<div class="pannel eleventh"><span class="pannel-label _fourth">昨日激活（个）</span>
					<div id="lastdayactive" class="pannel-text"><?php echo $yesterday_active_count;?></div></div>
					<div class="pannel twelvth"><span class="pannel-label _fourth">本月激活（个）</span>
					<div id="thismonthactive" class="pannel-text"><?php echo $month_active_count;?></div></div>
				<div class="pannel thirteen"><span class="pannel-label _fourth">上月激活（个）</span>
					<div id="lastmonthactive" class="pannel-text"><?php echo $last_month_active_count;?></div></div>
			</div>
		</div>
		
	</div>
</body>


</html>